<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>概要统计-优惠券统计</title>
<link rel="stylesheet" type="text/css" href="css/weal.css"/>
<link rel="stylesheet" type="text/css" href="css/active_static.css"/>
</head>

<body>

<div id="wrapper" class="dm-clearfix">
	
	<div class="weal-dtlMod">
		<h5 class="title bottom-line dm-clearfix">
			<span class="txt">概要统计-优惠券统计</span>
			<div class="sel_box	dm-right">
				<select name="">
					<option value="">区域</option>
					<option value="">安徽</option>
					<option value="">河南</option>
					<option value="">河北</option>
				</select>
			</div>
			<div class="sel_box	dm-right">
				<select name="">
					<option value="0">优惠券类型</option>
					<option value="1">满减</option>
					<option value="2">无门槛</option>
					<option value="3">折扣</option>
					<option value="4">新用户</option>
				</select>
			</div>
		</h5>
		<div class="guide-info weal-data dm-clearfix">
			<dl class="data-1">
				<dt class="bt">优惠券数量</dt>
				<dd class="num">1000</dd>
			</dl>
			<dl class="data-2">
				<dt class="bt">已领用</dt>
				<dd class="num">1000</dd>
			</dl>
			<dl class="data-3">
				<dt class="bt">已使用</dt>
				<dd class="num">500</dd>
			</dl>
			<dl class="data-4 last">
				<dt class="bt">使用率</dt>
				<dd class="num">50%</dd>
			</dl>
		</div>
	</div>
	
	<div class="weal-dtlMod" style="margin: 0;">
		<h5 class="title bottom-line dm-clearfix">
			<span class="txt">优惠券</span>
		</h5>
		<!--日期选择-->
		<div class="date-selMod dm-clearfix" style="padding-top: 15px;">
			<!--<h5 class="name dm-left">日期选择</h5>-->
			<input type="text" readonly="readonly" class="date tc start" onclick="SelectDate(this,'yyyy-MM-dd')" placeholder="-起始日期-" />
			<h5 class="name dm-left">-</h5>
			<input type="text" readonly="readonly" class="date tc end" onclick="SelectDate(this,'yyyy-MM-dd')" placeholder="-结束日期-" />
			<div class="sel_box mid-sel dm-left">
				<select>
					<option value="0">优惠券类型</option>
					<option value="1">满减</option>
					<option value="2">无门槛</option>
					<option value="3">折扣</option>
					<option value="4">新用户</option>
				</select>
			</div>
			<input type="text" class="mid-ipt dm-left" placeholder="输入优惠券名称" />
			<input type="button" class="btn bg-m" value="查询" />
			<input type="button" class="btn bg-b" value="导出" />
		</div>
		
		<div class="weal-info tc">
			<table class="dm-table" width="100%" border="1" bordercolor="#ddd" cellspacing="0" cellpadding="0">
				<tr>
					<th width="30">序号</th>
					<th>优惠券编号</th>
					<th>名称</th>
					<th>类型</th>
					<th>生成时间</th>
					<th>状态</th>
					<th>时间</th>
				</tr>
				<tr v-for="(item,index) in wealData">
					<td>{{index+1}}</td>
					<td>{{item.code}}</td>
					<td>{{item.name}}</td>
					<td>
						<template v-if="item.type==0">满减</template>
						<template v-else-if="item.type==1">无门槛</template>
						<template v-else-if="item.type==2">折扣</template>
						<template v-else>新用户</template>
					</td>
					<td>{{item.creatTime}}</td>
					<td>
						<template v-if="item.statu==0">已领用</template>
						<template v-else-if="item.statu==1">未领用</template>
						<template v-else>已使用</template>
					</td>
					<td>{{item.time}}</td>
				</tr>
			</table>
		</div>
		
		<div class="pageMod">
			<input type="button" class="first-btn" value="首页" />
			<input type="button" class="prev-btn" value="上一页" />
			<div class="page-box">
				<a class="on">1</a>
				<a>2</a>
				<a>3</a>
				<a>4</a>
				<span>…</span>
				<a>100</a>
			</div>
			<input type="button" class="next-btn" value="下一页" />
			<input type="button" class="last-btn" value="末页" />
		</div>
	</div>
	
</div>

<script src="js/lib/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/date.js" type="text/javascript" charset="utf-8"></script>
<script src="js/rate.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<script src="data/data.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

var vm = new Vue({
	el:'#wrapper',
	data:{
		wealData:data.weal,
	},
	methods:{
		
	},
	mounted:function(){
		
	},
});

</script>

</body>
</html>
